<template>
	<div class="shop_detali">
		<div class="shopD_pc">
			<el-image style="width: 100%; height: 100%" :src="require('@/assets/image/shop_detail.png')"></el-image>
			<main id="mainPage" class="mainPage_pc_main_194P4">
				<div class="item-detail">
					<!---->
					<div class="item-detail-content">
						<section class="product">
							<div class="product-content">
								<div class="product-content-left">
									<div class="product-content-left-part">
										<div class="product-content-left-part-url" @click="
                        $copyText(goodsDetailObj.url).then(
                          (res) => (showCopyBox = true)
                        )
                      ">
											{{ $t("shopD.details") }}
										</div>
										<div class="product-content-left-part-img">
											<img alt="" :src="goodsDetailObj.image" />
										</div>
									</div>
									<div class="share-icons">
										<div class="share-icons-left">
											<img src="../../assets/image/Line-logo2.png" alt=""
												style="cursor: pointer" />
										</div>
										<div class="share-icons-right">
											<div :class="[
                          unstart,
                          this.Cindex == true ? 'Cactive' : ' ',
                        ]" @click="goCollection"></div>
										</div>
									</div>
									<div class="join-content">
										<div class="join-content-box">
											<div class="join-content-box-left">
												<p>{{ $t("shopD.Group") }}</p>
												<p>{{ $t("shopD.deals") }}</p>
											</div>
											<div class="join-content-box-right">
												<button  @click="$tool.openNewPage('https://page.line.me/687bnmmo')">{{ $t("shopD.join") }}</button>
											</div>
										</div>
										<div class="join-content-box">
											<div class="join-content-box-left">
												<p>{{ $t("shopD.Solving") }}</p>
												<p>{{ $t("shopD.responses") }}</p>
											</div>
											<div class="join-content-box-right">
												<button  @click="$tool.openNewPage('https://page.line.me/687bnmmo')">{{ $t("shopD.join") }}</button>
											</div>
										</div>
									</div>
								</div>
								<div class="product-content-right">
									<div class="product-content-right-part">
										<div class="features"></div>
										<div class="features"></div>
										<div class="product-title">
											{{ goodsDetailObj.title }}
										</div>
										<div class="product-countdown">
											<span class="color-yellow">{{ $t("shopD.Amazon") }}</span>
										</div>
										<div class="product-discount">
											<div class="product-discount-process">
												<button class="report" @click="showPopup6">
													{{ $t("shopD.report") }}
												</button>
												<div class="process-box">
													<div></div>
												</div>
												<p style="display:flex">
													{{ $t("shopD.trials") }}:
													<span style="margin-top:27px">{{ goodsDetailObj.todayRemaining }}</span>
												</p>
											</div>
											<div class="product-discount-type">
												<p class="price">
													<span class="mr-10 fz-22">{{ $t("shopD.price") }}:</span><span
														class="color-yellow mr-10 fz-22">￥0</span><span
														class="price-sell text-line-through">￥{{ goodsDetailObj.price }}</span><span
														class="price-percent">
														100.00% {{ $t("shopD.off") }} </span><span class="points-i">
														i
														<span class="points-i-text" style="display: none">
															The regular prices might have a slight change due
															to amazon seller's control.
														</span></span>
												</p>
												<p class="rebates">
													<span class="mr-10 fz-22">{{ $t("shopD.Rebates") }}:</span><span
														class="fz-22">￥{{ goodsDetailObj.price }}</span>
												</p>
												<p class="points" style="display: none">
													<span class="mr-10 fz-22">Required Points:</span><span
														class="color-yellow mr-10 fz-22">0</span><span
														class="mr-10 fz-22" style="
                              text-decoration: line-through;
                              margin-left: 10px;
                            ">900 </span><span class="points-i">
														i
														<span class="points-i-text" style="display: none">
															Once you register you will be able to earn reward
															points, reward points can be redeemed for the
															chance of application for discount even product.
															Learn more about how to earn ponits
														</span></span>
												</p>
												<!---->
												<p class="rebates" style="display: flex">
													<span class="mr-10 fz-22"
														style="color: red">{{ $t("shopD.Tips") }}:</span><span
														class="fz-22"><span class="center">
															{{ $t("shopD.card") }}.
														</span></span>
												</p>
											</div>
											<div class="product-discount-banner">
												<h3 class="product-discount-banner-title text-center">
													{{ $t("shopD.Work") }}?
												</h3>
												<img src="@/assets/image/搜索.png" alt="" />
											</div>
											<div class="product-discount-btns">
												<button class="apply-btn" @click="addGoodsShopCard">
													{{ $t("shop.addCart") }}
												</button>
												<button class="share-btn text-center" @click="showPopup1">
													{{ $t("shopD.Earn") }}
												</button>
											</div>
											<div class="product-discount-desc">
												<h4 class="product-discount-desc-title">
													{{ $t("shopD.description") }}:
												</h4>
												<p class="product-discount-desc-content">
													{{ goodsDetailObj.description }}
												</p>
												<div class="see-more">
													<span class="read-more">{{ $t("shopD.more")
                            }}<i class="van-icon van-icon-arrow-down">
															<!---->
														</i></span><span class="read-less" style="display: none">See
														Less<i class="van-icon van-icon-arrow-up">
															<!---->
														</i></span>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="product-recommend">
								<h2 class="product-recommend-title" style="text-align: left">
									{{ $t("shopD.Products") }}
								</h2>
								<div class="swpiter">
									<div class="swiper-container">
										<div class="swiper-wrapper">
											<div class="swiper-slide" v-for="item in hotList" :key="item.id"
												@click="godetail2(item)">
												<div class="productBox itemBox-animate">
													<!----><img :src="'https://mottecommerce.com/' + item.image"
														class="img" />
													<p class="title">
														{{ item.title }}
													</p>
													<div class="priceBox">
														<span class="price">￥{{ item.price }}</span>
													</div>
													<div class="bottomBtn">
														{{ $t("shop.addCart") }}
													</div>
												</div>
											</div>
										</div>
										<div class="swiper-button-prev"></div>
										<div class="swiper-button-next"></div>
									</div>
								</div>
							</div>
						</section>
					</div>
				</div>
			</main>
			<my-footer />
		</div>
		<!-- 。。。。。。。。。。。。。。。。。。。。。。移动端 。。。。。。。。。。。。。。。。。。。-->
		<div class="shopD_iphone">
			<main class="mainPage_mb_content_2ozs2">
				<div class="productDetail_mb_productDetail_3tHku productDetail" pagecurrentscrolltop="0">
					<div class="productDetail_mb_bannerBox_1gU6X" style="">
						<van-swipe class="my-swipe" indicator-color="white">
							<van-swipe-item class="swiper_img">
								<van-image :src="goodsDetailObj.image" fit="cover" width="100%" />
							</van-swipe-item>
						</van-swipe>
					</div>
					<ip-swiper />

					<div class="productDetail_mb_titleBox_YOegJ">
						<div class="productDetail_mb_titleBox-amazonBox_ixBaV">
							<img src="../../assets/images/mb_amazonImg.png" class="productDetail_mb_amazonImg_QMC1J" />
							<p class="productDetail_mb_linkText_3i-L3" @click=" $copyText(goodsDetailObj.url).then( (res) => (showCopyBox = true) ) ">
								{{ $t("shopD.tailson") }}
							</p>
						</div>
						<p class="productDetail_mb_titleBox__title_uka41">
							{{ goodsDetailObj.title }}
						</p>
						<div class="productDetail_mb_titleBox-stockBox_3Mmpf">
							<div class="productDetail_mb_stock_2vhki">
								<div class="progress_progressPage_2Oblw">
									<div class="progress_box_2oEL0">
										<div class="progress_content_VuA5z" style="width: 100%">
											Only 3 left
										</div>
									</div>
								</div>
							</div>
							<div class="productDetail_mb_reportBtn_dCyfK" @click="showPopup6">
								{{ $t("shopD.report") }}
							</div>
						</div>
						<div class="productDetail_mb_titleBox-priceBox_1u1pp">
							￥0
							<span class="productDetail_mb_price_SrRGk">${{ goodsDetailObj.price }}</span><span
								class="productDetail_mb_cashBtn_1XXMr">{{
                $t("shopD.Back")
              }}</span>
						</div>
						<p class="productDetail_mb_titleBox__text_2832L" style="display: none">
							Consumption points: 0
						</p>
						<!---->
						<p class="productDetail_mb_titleBox__text_2832L" style="display: flex">
							<span class="productDetail_mb_pinkText_1H5th">{{ $t("shopD.Note") }}:</span><span
								style="flex: 1 1 0%; margin-left: 15px">
								<div style="font-size: 0.6rem">
									① {{ $t("shopD.coupons") }}.
								</div>
								<!---->
							</span>
						</p>
						<!---->
					</div>
					<div class="productDetail_mb_shareBox_1Ypfj">
						<div class="productDetail_mb_shareBox-iconList_3vGEJ">
							<img src="../../assets/image/Line-logo2.png"
								class="productDetail_mb_icon_1NPS-" /><span class="productDetail_mb_text_2mdnN">{{
                $t("shopD.Rewards")
              }}</span>
						</div>
						<div :class="[i_unstart, this.Cindex == true ? 'Cactive1' : '']" @click="goCollection"></div>
					</div>
					<div class="productDetail_mb_fbBtnBox_1Ey4B">
						<div class="productDetail_mb_btn_2VD-w"  @click="$tool.openNewPage('https://page.line.me/687bnmmo')">
							<img src="../../assets/image/Line-logo.png"
								class="productDetail_mb_icon_1NPS-" style="width:2rem;height:2rem"/>{{ $t("shopD.Solving") }}   
						</div>
					</div>
					<div class="productDetail_mb_stepBox_1ota4">
						<h1 class="productDetail_mb_stepBox__title_1K_18">
							{{ $t("shopD.Simple") }}
						</h1>
						<img v-show="$i18n.locale == 'en-US'" src="@/assets/image/iphone_cart.png"
							class="productDetail_mb_stepBox__img_2Tyax" />
						<img v-show="$i18n.locale == 'jp-JP'" src="@/assets/image/Simple_Process.jpg"
							class="productDetail_mb_stepBox__img_2Tyax" />
						<div class="productDetail_mb_stepBox__viewBtn_2Mxh_" style="display: none">
							Watch Video
						</div>
						<p class="productDetail_mb_stepBox__linkText_BlHEJ">
							{{ $t("shopD.questions") }}?
							<span class="productDetail_mb_stepBox__linkText--active_1eOTr">
								{{ $t("shopD.more1") }}</span>
						</p>
					</div>
					<div class="productDetail_mb_descBox_204Mx">
						<h2 class="productDetail_mb_descBox__title_33QXk">
							{{ $t("shopD.description") }}
						</h2>
						<p :class="[
                zoio,
                this.seemore == true ? 'van-multi-ellipsis--l3' : '',
              ]"
            >
              {{ goodsDetailObj.description }}
            </p>
            <div
              class="productDetail_mb_descBox-seeMore_1dk6I"
              @click="gomore()"
            >
              {{ $t("shopD.more") }}
              <img
                src=""
                :class="[nps, this.seemore == false ? 'pr_active' : ' ']"
              />
            </div>
          </div>
          <div>
            <h1 class="productDetail_mb_mayLikeBox__title_2vEUw">
              {{ $t("shopD.May") }}
            </h1>
            <div
              class="productDetail_mb_mayLikeBox__item_1xwFj"
              v-for="item in hotList"
              @click="godetail2(item)"
              :key="item.id"
            >
              <div class="homeProductItem_homeProductItemPage_yIa8l">
                <div
                  class="homeProductItem_imgBox_MLtv2 homeProductItem_detailImgBox_1gUb8"
                >
                  <van-image
                    :src="'https://mottecommerce.com/' + item.image"
                  />
                  <span
                    class="homeProductItem_imgBox__tag_2CjCi homeProductItem_imgBox__tag--hot_28O5d"
                    >HOT</span
                  ><img
                    src=""
                    class="homeProductItem_imgBox__amazonIcon_1rCme"
                  />
                </div>
                <div class="homeProductItem_wrap_2x4HZ">
                  <p class="homeProductItem_title_1VeiA van-multi-ellipsis--l2">
                    {{ item.title }}
                  </p>
                  <div class="homeProductItem_priceBox_1TTlz">
                    ￥0<span class="homeProductItem_priceBox__greyPrice_31eIo"
                      >￥{{ item.price }}</span
                    >
                  </div>
                  <div class="homeProductItem_cashBox_1DfMC">
                    <span class="homeProductItem_cashBox__text_3U5_8"
                      >{{ $t("shopD.Back") }}
                    </span>
                    <img
                      src=""
                      class="homeProductItem_cashBox__btn_2sSue"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="productDetail_mb_bottomBox_1grly">
            <div
              class="productDetail_mb_bottomBox-left_1svtB"
              @click="showPopup5"
            >
              <img
                src=""
                class="productDetail_mb_commonIcon_183vg"
              /><span> {{ $t("shopD.Earn1") }} ￥500</span>
            </div>
            <van-popup v-model="show5">
              <div
                class="commonDialogSlot_deletBox_1Tm2F"
                style="width: 16.8rem"
              >
                <div class="commonDialogSlot_deletIconBox_2ErC-">
                  <i @click="closeicon5"></i>
                </div>
                <div class="commonDialogSlot_content_1izEx">
                  <div class="box-wrap">
                    <div class="share-dialog-content">
                      <img
                        :src="goodsDetailObj.image"
                        alt=""
                        class="share-img"
                      />
                      <p>{{ $t("shopD.friends") }}.</p>
                      <p style="margin-top: 0.8rem; font-size: 0.8rem">
                        {{ $t("shopD.Tips1") }}:
                      </p>
                      <p style="font-size: 0.6rem">① {{ $t("shopD.media") }}</p>
                      <p style="font-size: 0.6rem">
                        ② {{ $t("shopD.community") }}
                      </p>
                      <p>{{ $t("shopD.completed") }}</p>
                      <p style="font-size: 0.6rem; margin: 1rem 0px">
                        Hey,come to try
                        <span class="common-text-color">{{
                          goodsDetailObj.title
                        }}</span>
                        now.It's a trial rebates.
                      </p>
                      <button class="btn-referral" @click="goPage('/referral')">
                        {{ $t("shopD.Link") }}
                      </button>
                      <div class="share-get-bonus">{{ $t("shopD.Bonus") }}</div>
                      <div class="share-icons">
                        <div class="van-row">
                          <div class="van-col van-col--24">
                            <img
                              src=""
                              alt=""
                            />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </van-popup>
            <div
              class="productDetail_mb_bottomBox-center_1hQlX"
              @click="goPage('/applications')"
            >
              <div class="productDetail_mb_imgBox_2i8bC">
                <img
                  src=""
                  class="productDetail_mb_commonIcon_183vg animate__animated"
                />
                <!---->
                <div class="productDetail_mb_points_3pinS">
                  {{ shopCatNum }}
                </div>
              </div>
              <span>{{ $t("shopD.cart") }}</span>
            </div>
            <div
              class="productDetail_mb_bottomBox-right_2TEYp"
              @click="showPopup2"
            >
              {{ $t("shop.addCart") }}
            </div>
            <van-popup v-model="show2">
              <div
                class="commonDialogSlot_deletBox_1Tm2F"
                style="width: 16.8rem"
              >
                <div class="commonDialogSlot_deletIconBox_2ErC-">
                  <i @click="closeicon2"></i>
                </div>
                <div class="commonDialogSlot_content_1izEx">
                  <div class="applyNote_noteBox_2jbMe">
                    <p class="applyNote_noteTitle_1A5Ee">
                      {{ $t("shopD.Note") }}:
                    </p>
                    <p class="applyNote_noteTxt_1EMpQ">
                      ① {{ $t("shopD.applying") }},
                      <span class="applyNote_primary-colorTxt_FMupd">{{
                        $t("shopD.deducted")
                      }}</span>,{{ $t("shopD.rate") }}.
										</p>
										<p class="applyNote_noteTxt_1EMpQ">
											②{{ $t("shopD.use") }}
											<span class="applyNote_primary-colorTxt_FMupd">
												{{ $t("shopD.gift") }}</span>
											{{ $t("shopD.and") }}
											<span class="applyNote_primary-colorTxt_FMupd">
												{{ $t("shopD.coupons") }}</span>.
										</p>
										<p class="applyNote_noteTxt_1EMpQ">
											③ {{ $t("shopD.within") }}.
											<span class="applyNote_primary-colorTxt_FMupd">4
												{{ $t("shopD.hours") }}</span>.
										</p>
									</div>
									<div class="applyNote_footerBtn_16Rj5">
										<span @click="closeicon2">{{ $t("shopD.cancel") }}</span><span
											@click="showPopup3">{{ $t("shopD.confirm") }}</span>
									</div>
								</div>
							</div>
						</van-popup>
						<van-popup v-model="show3">
							<div class="commonDialogSlot_deletBox_1Tm2F" style="width: 16.8rem">
								<div class="commonDialogSlot_deletIconBox_2ErC-">
									<i @click="closeicon3"></i>
								</div>
								<div class="commonDialogSlot_content_1izEx">
									<span>{{ $t("shopD.submitted") }}
										<span
											style="color: red">{{ $t("shopD.it") }}</span>{{ $t("shopD.number") }}.</span>
									<p style="
                      font-size: 0.6rem;
                      color: rgb(153, 153, 153);
                      margin-top: 0.5rem;
                      display: none;
                    "
                  >
                    Any question? <span class="urlText">See FAQ</span>
                  </p>
                  <span
                    class="goApplicationBtn"
                    @click="goPage('/applications')"
                    >{{ $t("shopD.Go") }}</span
                  >
                </div>
              </div>
            </van-popup>
            <van-popup v-model="show4">
              <div
                class="commonDialogSlot_deletBox_1Tm2F"
                style="width: 16.8rem"
              >
                <div class="commonDialogSlot_deletIconBox_2ErC-">
                  <i @click="closeicon4"></i>
                </div>
                <div class="commonDialogSlot_content_1izEx">
                  <div class="title">{{ $t("shopD.Added") }}!</div>
                  <div class="money">
                    <img
                      src=""
                    /><span>229</span>
                  </div>
                  <div class="hint">{{ $t("shopD.Balance") }}！</div>
                  <div class="note">
                    {{ $t("shopD.Please1") }}
                    <span> {{ $t("shopD.within1") }}.</span>
                    ,{{ $t("shopD.closed") }}.
                  </div>
                  <div>
                    <button class="btn-no">{{ $t("shopD.AddMore") }}</button
                    ><button class="btn-yes">{{ $t("shopD.Check") }}</button>
                  </div>
                </div>
              </div>
            </van-popup>
          </div>
        </div>
      </main>
    </div>
    <van-popup v-model="show1">
      <div
        class="commonDialogSlot_deletBox_1Tm2F"
        style="width: 540px height:30%"
      >
        <div class="commonDialogSlot_deletIconBox_2ErC">
          <i @click="closeicon1"></i>
        </div>
        <div class="commonDialogSlot_content_1izEx">
          <div class="box-wrap">
            <div class="share-dialog-content">
              <img :src="goodsDetailObj.image" alt="" class="share-img" />
              <p style="font-size: 0.8rem">
                {{ $t("shopD.friends") }}
              </p>
              <p>{{ $t("shopD.Tips1") }}:</p>
              <p style="font-size: 0.6rem">① {{ $t("shopD.media") }}</p>
              <p style="font-size: 0.6rem; margin-top: 10px">
                ② {{ $t("shopD.community") }}
              </p>
              <p style="font-size: 0.6rem; margin-top: 10px">
                {{ $t("shopD.completed") }}
              </p>
              <p style="font-size: 0.6rem; margin-top: 0px">
                Hey,come to try
                <span class="common-text-color" style="line-height: 18px">{{
                  goodsDetailObj.title
                }}</span>
                now.It's a trial rebates.
              </p>
              <button @click="btnReferral" id="btn-referral">
                {{ $t("shopD.Link") }}
              </button>
              <div class="share-get-bonus">
                {{ $t("shopD.Bonus") }}
              </div>
              <div class="share-icons">
                <div class="van-row">
                  <div class="van-col van-col--24">
                    <img
                      src="../../assets/image/home/facebookblue.png"
                      alt=""
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </van-popup>

    <van-popup v-model="show6">
      <div
        class="questionDialog"
        style="
          text-align: left;
          padding: 20px;
          box-sizing: border-box;
          width: 18rem;
        "
      >
        <h1 class="questionDialog_title_lwdeM">{{ $t("shopD.want") }}:</h1>
        <div class="questionDialog_content_2XsYz" style="font-size: 14px">
          <p class="questionDialog_text_1B8ax">1.{{ $t("shopD.Amazon1") }}</p>
          <span class="questionDialog_check_eeJMA">
            <van-icon
              name="checked"
              :color="reportType == 0 ? 'red' : ''"
              size="1rem"
              @click="reportType = 0"
            />
          </span>
        </div>
        <div class="questionDialog_content_2XsYz" style="font-size: 14px">
          <p class="questionDialog_text_1B8ax">2.{{ $t("shopD.removed") }}</p>
          <span class="questionDialog_check_eeJMA">
            <van-icon
              name="checked"
              :color="reportType == 1 ? 'red' : ''"
              size="1rem"
              @click="reportType = 1"
            />
          </span>
        </div>
        <div class="questionDialog_content_2XsYz" style="font-size: 14px">
          <p class="questionDialog_text_1B8ax">3.{{ $t("shopD.broken") }}</p>
          <span class="questionDialog_check_eeJMA">
            <van-icon
              name="checked"
              :color="reportType == 2 ? 'red' : ''"
              size="1rem"
              @click="reportType = 2"
            />
          </span>
        </div>
        <div class="questionDialog_content_2XsYz" style="font-size: 14px">
          <p class="questionDialog_text_1B8ax">4.{{ $t("shopD.same") }}</p>
          <span class="questionDialog_check_eeJMA">
            <van-icon
              name="checked"
              :color="reportType == 3 ? 'red' : ''"
              size="1rem"
              @click="reportType = 3"
            />
          </span>
        </div>
        <div class="questionDialog_content_2XsYz" style="font-size: 14px">
          <p class="questionDialog_text_1B8ax">5.{{ $t("shopD.specify") }}</p>
          <span class="questionDialog_check_eeJMA">
            <van-icon
              name="checked"
              :color="reportType == 4 ? 'red' : ''"
              size="1rem"
              @click="reportType = 4"
            />
          </span>
        </div>
        <!---->
        <footer class="questionDialog_footer_36zWm">
          <span
            class="questionDialog_footerBtn_1wQG3"
            style="font-size: 14px"
            @click="reportGoodsHandler"
          >
            {{ $t("shopD.confirm") }}</span
          >
          <span
            class="questionDialog_footerBtn_1wQG3"
            style="font-size: 14px"
            @click="closeicon6"
          >
            {{ $t("shopD.cancel") }}</span
          >
        </footer>
      </div>
    </van-popup>
    <van-popup v-model="showSubmitBox">
      <div class="apply-content">
        <div class="apply-header">
          <van-icon name="close" @click="showSubmitBox = false" />
        </div>
        <div class="apply-body">
          <div class="apply-order">
            <van-form>
              <p class="apply-order-title">
                {{ $t("application.ordernumber") }}
              </p>
              <van-field
                v-model="submitOrderData.orderNumber"
                :name="$t('application.ordernumber')"
                :placeholder="$t('application.ordernumber')"
                :rules="[
                  { required: true, message: $t('application.ordernumber') },
                ]" />
							<div style="margin: 1rem 0">
								<p class="apply-amount">
									{{ $t("application.RebateAmount") }}: ￥ 7.99
								</p>
								<p class="apply-amount">
									{{ $t("application.RebateAmount") }}=({{
                    $t("application.pricesCoupon")
                  }})*100%
								</p>
								<p class="apply-amount">({{ $t("application.NotInclude") }})</p>
							</div>
							<p style="font-size: 0.5rem">
								{{ $t("application.RebateAmountcorrect") }}?
							</p>
							<van-radio-group v-model="submitOrderData.type" direction="horizontal">
								<van-radio checked-color="#ff5900" name="0">{{
                  $t("application.Correct")
                }}</van-radio>
								<van-radio checked-color="#ff5900" name="1">{{
                  $t("application.Incorrect")
                }}</van-radio>
							</van-radio-group>
							<div v-show="submitOrderData.type == 1" style="margin-top: 0.5rem">
								<p class="apply-amount" style="color: #ff5900">
									{{ $t("application.AmazonPurchaseDetails") }}
								</p>
								<p class="apply-amount" style="color: #ff5900">
									{{ $t("application.ItempriceonAmazo") }}:<span>￥</span>
								</p>
								<van-field v-model="submitOrderData.price" :name="$t('application.ItempriceonAmazo')"
									:placeholder="$t('application.ItempriceonAmazo')" :rules="[
                    {
                      required: true,
                      message: $t('application.ItempriceonAmazo'),
                    },
                  ]" />
								<p class="apply-amount" style="color: #ff5900">
									{{ $t("application.YourCouponAmount") }}:<span>￥</span>
								</p>
								<van-field v-model="submitOrderData.Coupon" :name="$t('application.YourCouponAmount')"
									:placeholder="$t('application.YourCouponAmount')" :rules="[
                    {
                      required: true,
                      message: $t('application.YourCouponAmount'),
                    },
                  ]" />
								<p class="apply-amount" style="color: #ff5900">
									Actual Rebate
									Amount{{ $t("application.NotInclude") }}:<span>￥{{ RebateAmount }}</span>
								</p>
							</div>

							<div class="apply-photo">
								<van-uploader class="uploadImg" v-if="uploadFill.length == 0" v-model="uploadFill">
									<img src="../../assets/image/uploadBg.png" alt="" />
								</van-uploader>
								<!-- {{uploadFill}} -->
								<div class="apply-photo-image" v-if="uploadFill.length > 0">
									<van-icon name="clear" @click="uploadFill = []" />
									<van-image v-for="(item, index) in uploadFill" fit="cover" :src="item.content"
										:key="index">
									</van-image>
								</div>
								<img class="Example" src="../../assets/image/Example.png" alt="" />
							</div>
							<div style="margin: 16px">
								<van-button @click="submitOrderDataHandler" class="apply-order-submit" round block
									type="info" native-type="submit">
									{{ $t("application.submit") }}
								</van-button>
							</div>
						</van-form>
					</div>
				</div>
			</div>
		</van-popup>

		<van-popup v-model="showFirstAddCard">
			<div class="commonDialogSlot_deletBox_1Tm2F">
				<div class="commonDialogSlot_deletIconBox_2ErC">
					<i @click="showFirstAddCard = false"></i>
				</div>
				<div class="commonDialogSlot_content_1izEx" style="text-align: left">
					<p>
						<span style="color: red">￥{{ goodsDetailObj.market_price }}</span>
						{{ $t("shopD.Balance") }},
						<span style="color: red">{{ $t("shopD.within1") }},</span>
						{{ $t("shopD.closed") }}.
					</p>
					<div class="firstAddCard-box-btn">
						<button class="BuyAmazon" id="goAmazon" @click="
                $copyText(goodsDetailObj.url).then(
                  (res) => (showCopyBox = true)
                )
              ">
							① {{ $t("shopD.Product") }}.
						</button>
						<button class="submitOrder" @click="
                showSubmitBox = true;
                showFirstAddCard = false;
              ">
							② {{ $t("shopD.Submit") }}.
						</button>
						<span class="checkMy" @click="goPage('/applications')">{{
              $t("shopD.applications")
            }}</span>
					</div>
				</div>
			</div>
		</van-popup>
		<van-popup v-model="showCopyBox">
			<div class="commonDialogSlot_deletBox_1Tm2F">
				<div class="commonDialogSlot_deletIconBox_2ErC">
					<i @click="showCopyBox = false"></i>
				</div>
				<div class="commonDialogSlot_content_1izEx">
					{{ $t("application.copyTextSuccess1") }},
					<br />
					{{ $t("application.copyTextSuccess2") }}
				</div>
			</div>
		</van-popup>
		<van-popup v-model="show">
			<div class="commonDialogSlot_deletBox_1Tm2F">
				<div class="commonDialogSlot_deletIconBox_2ErC">
					<i @click="closeicon"></i>
				</div>
				<div class="commonDialogSlot_content_1izEx">
					<span>{{ $t("shopD.Please") }}
						<span style="color: red">{{ $t("shopD.Please2") }}</span>{{ $t("shopD.Please3") }}</span><span
						class="goApplicationBtn" @click="goPage('/application')">{{
            $t("shopD.applications")
          }}</span>
				</div>
			</div>
		</van-popup>
		<van-popup v-model="submitOrderLaterPopup">
			<div class="commonDialogSlot_deletBox_1Tm2F">
				<div class="commonDialogSlot_deletIconBox_2ErC">
					<i @click="submitOrderLaterPopup = false"></i>
				</div>
				<div class="commonDialogSlot_content_1izEx">
					Seller will confirm your order within
					<span class="common-text-color">4 days</span>
					and give a positive review on amazon after receiving the products in
					<span class="common-text-color"> 3-5 days </span>
					<div class="apply-body-btn" @click="submitOrderLaterPopup = false">
						OK
					</div>
					<span style="color: #666">
						if you any questions, please contact us via email
					</span>
					<a href="info@mottconsulting.co.jp"
						style="color: rgb(255, 89, 0)">info@mottconsulting.co.jp</a>
				</div>
			</div>
		</van-popup>
	</div>
</template>

<script>
import Swiper from "swiper";
import myFooter from "../../components/my-footer/my-footer";
import ipSwiper from "../../components/ip-swiper/ipSwiper";
import { Toast } from "vant";
export default {
  name: "shopdetail",
  data() {
    return {
      show: false,
      show1: false,
      show2: false,
      show3: false,
      show4: false,
      show5: false,
      show6: false,
      nps: "productDetail_mb_icon_1NPS-",
      zoio: "productDetail_mb_descBox__text_1Z0io",
      unstart: "unstar-heart",
      i_unstart: "productDetail_mb_collectionBox_11v3n",
      Cindex: false,
      seemore: true,
      Collection: "",
      Cancel: "",
      goodsCollectionList: [],
      goodsCollectionList2: [],
      filterCollectionList: [],
      collect_id: [],
      hotList: [],
      categoryId: "",
      shopPage: 1,
      id3: "",
      params2: {},
      goodsDetailObj: {}, // 商品数据
      goodsImgSrc: "", // 商品封面
      showFirstAddCard: false, // 商品第一次加入购物车弹出
      showCopyBox: false, //拷贝成功弹窗
      showSubmitBox: false, // 弹出提交订单盒子
      submitOrderData: {
        // 订单数据
        type: "0",
        price: "",
        Coupon: "",
        productPrice: 0,
        orderNumber: "",
        id: "",
      },
      uploadFill: [], // 订单截图
      submitOrderLaterPopup: false,
      reportType: 0, //反馈类型
    };
  },
  name: "shopdetail",
  mounted() {
    var mySwiper = new Swiper(".swiper-container", {
      loopAdditionSlides: 10,
      loop: false, // 循环播放
      circular: true,
      autoplay: 2000,
      autoplayDisableOnInteraction: false,
      paginationClickable: true,
      observer: true, //修改swiper自己或子元素时，自动初始化swiper
      observeParents: false, //修改swiper的父元素时，自动初始化swiper
      slidesPerView: 4, // 一次显示4张图片
      loopedSlides: 7,
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    });
  },
  created() {
    this.goods_id = this.$route.query.id;
    this.shopPage = this.$route.query.current;
    this.$axios({
      url: "/index/reviewTask/detail/id/" + this.goods_id,
    }).then((res) => {
      this.goodsDetailObj = res.data;
      console.log(this.goodsDetailObj);
      this.categoryId = res.data.categoryId;
      this.getHotShop();
    });
	if(!this.$store.state.isLogin){
		return 
	}
    this.getFavoritesList();
  },
  methods: {
    getHotShop() {
      let goods_id = this.$route.query.id;
      this.parms = {
        size: 10,
        current: 1,
        categoryId: this.categoryId,
        filterTaskIds: goods_id,
        supportedChannel: 3,
      };
      this.$axios({
        url: "/index/reviewTask/reviewTasks",
        params: this.parms,
      }).then((res6) => {
        this.hotList = res6.data.records;
      });
    },
    godetail2(item5) {
      let id2 = item5.id;
      console.log(id2);
      this.$loading();
      this.$axios({
        url: "/index/reviewTask/detail/id/" + id2,
      }).then((res) => {
        this.$Toastclear();
        this.goodsDetailObj = res.data;
      });
      document.querySelector(".el-backtop").click();
    },
    btnReferral() {
      this.$router.push("/referral");
    },
    onSwiper(swiper) {
      console.log(swiper);
    },
    showPopup() {
      this.show = true;
    },
    showPopup1() {
      this.show1 = true;
    },
    showPopup2() {
      if (!this.$tool.isJudgmentLoading()) return;
      this.show2 = true;
    },
    // 添加购物车
    async showPopup3() {
      if (!this.$tool.isJudgmentLoading()) return;
      try {
        await this.$tool.JudgeUserHasPurchased(this.$route.query.id);
      } catch {
        return;
      }
      this.$axios({
        url: `user/reviewTask/checkReceiveTask/id/${this.goodsDetailObj.id}?source=3`,
        method: "get",
      })
        .then((res) => {
          console.log(res);
          if (res.data.status == 10) {
            //已经添加过购物车了
            this.show = true;
            return Promise.reject();
          }
          return this.$axios({
            url: "user/order/addAppOrSiteOrder",
            method: "post",
            data: {
              reviewTaskId: res.data.reviewTaskId,
              source: 3,
            },
          });
        })
        .then((res) => {
          // 判断是否超出下单限制数量
          this.submitOrderData.id = res.data;
						this.$tool.addCardSuccess()
          this.getOrderNum();
          this.showFirstAddCard = true;
          this.show2 = false;
        })
        .catch();
    },
    // 举报
    reportGoodsHandler() {
      let list = [
        this.$t("shopD.Amazon1"),
        this.$t("shopD.removed"),
        this.$t("shopD.broken"),
        this.$t("shopD.same"),
        this.$t("shopD.specify"),
      ];
      this.$axios({
        url: "user/feedback",
        method: "post",
        data: {
          content: list[this.reportType],
          source: 1,
        },
      }).then((res) => {
        this.show6 = false;
        this.showToast("report success", "報告された成功を報告する");
      });
    },
    showPopup4() {
      this.show4 = true;
    },
    showPopup5() {
      this.show5 = true;
    },
    showPopup6() {
      this.show6 = true;
    },
    onSlideChange() {
      console.log("slide change");
    },
    closeicon() {
      this.show = false;
    },
    goPage(path) {
      this.$router.push({
        path: "/application",
      });
    },
    gomore() {
      this.seemore = !this.seemore;
    },
    getFavoritesList() {
      this.$axios({
        url: "/user/siteUserFavoriteRecord/siteUserFavoriteRecords",
        method: "get",
        params: {
          current: this.shopPage,
          size: 5,
          descs: "created_time",
          countryCode: "US",
          supportedChannel: 3,
        },
      }).then((res) => {
        this.goodsCollectionList = res.data.records;
        console.log(this.goodsCollectionList);
        this.Cindex = false;
        this.goodsCollectionList.forEach((item) => {
          if (item.reviewTaskId == this.goods_id) {
            this.Cindex = true;
            this.id3 = item.id;
          }
        });
      });
    },
    goCollection() {
      if (!this.$tool.isJudgmentLoading()) return;
      if (!this.Cindex) {
        this.$axios({
          url: "user/siteUserFavoriteRecord/init",
          method: "post",
          data: {
            currencySymbol: this.goodsDetailObj.currencySymbol,
            currencyType: "USD",
            image: this.goodsDetailObj.image,
            price: this.goodsDetailObj.price,
            reviewTaskId: this.goodsDetailObj.id,
            title: this.goodsDetailObj.title,
          },
        }).then((res2) => {
          console.log(res2);
          this.getFavoritesList();
          Toast.success(this.$t("shopD.Collection"));
        });
      } else {
        this.$axios({
          url: "user/siteUserFavoriteRecord/init/id/" + this.id3,
          method: "DELETE",
        }).then((res5) => {
          console.log(res5);
          this.getFavoritesList();
          Toast.success(this.$t("shopD.Cancel"));
        });
      }
    },
    closeicon1() {
      this.show1 = false;
    },
    closeicon2() {
      this.show2 = false;
    },
    closeicon3() {
      this.show3 = false;
    },
    closeicon4() {
      this.show4 = false;
    },
    closeicon5() {
      this.show5 = false;
    },
    closeicon6() {
      this.show6 = false;
    },
    // 提交订单信息
    async submitOrderDataHandler() {
      this.$loading();
      if (!this.uploadFill.length) {
        return this.showToast(
          "Please upload pictures",
          "画像をアップロードしてください"
        );
      }
      if (this.submitOrderData.orderNumber.length == 0) {
        return;
      }
      try {
        var orderImage = await this.$tool.uploadOneImg(this.uploadFill[0].file);
        console.log(orderImage);
      } catch {
        return console.log("upload fail");
      }
      let productPrice = 0;
      if (this.submitOrderData.type == 0) {
        productPrice = this.goodsDetailObj.price;
      } else {
        productPrice = this.RebateAmount;
      }
      this.$axios({
        url: "user/order/addOrderInfo",
        method: "post",
        data: {
          productPrice,
          orderNumber: this.submitOrderData.orderNumber,
          id: this.submitOrderData.id,
          orderImage,
        },
      }).then((res) => {
        if (res.data) {
					this.$tool.paymentSuccess()
          this.showSubmitBox = false;
          this.submitOrderLaterPopup = true;
        }
      });
    },
    // 将商品添加到任务列表  然后判断是否已经添加过
    async addGoodsShopCard() {
      if (!this.$tool.isJudgmentLoading()) return;
      try {
        await this.$tool.JudgeUserHasPurchased(this.$route.query.id);
      } catch {
        return;
      }
      this.$axios({
        url: `user/reviewTask/checkReceiveTask/id/${this.goodsDetailObj.id}?source=3`,
        method: "get",
      })
        .then((res) => {
          console.log(res);
          if (res.data.status == 10) {
            //已经添加过购物车了
            this.show = true;
            return Promise.reject();
          }
          return this.$axios({
            url: "user/order/addAppOrSiteOrder",
            method: "post",
            data: {
              reviewTaskId: res.data.reviewTaskId,
              source: 3,
            },
          });
        })
        .then((res) => {
          // 判断是否超出下单限制数量
          this.submitOrderData.id = res.data;
						this.$tool.addCardSuccess()
          this.getOrderNum();
          this.showFirstAddCard = true;
        })
        .catch();
    },
    // 获取我订单有几个商品
    getOrderNum() {
      this.$axios({
        url: "user/order/orderCount?status=2",
      }).then((res) => {
        this.$store.commit("SET_SHOP_CAT_NUM", res.data);
      });
    },
  },
  components: {
    myFooter,
    ipSwiper,
  },
  computed: {
    RebateAmount() {
      return this.submitOrderData.price - this.submitOrderData.Coupon;
    },
    shopCatNum() {
      return this.$store.state.shopCatNum;
    },
  },
};
</script>

<style lang="scss" scoped>
.apply-order {
  margin-top: 0.5rem;
  text-align: left;

  .van-radio-group {
    margin-top: 0.5rem;

    .van-radio {
      font-size: 0.6rem;
    }
  }

  .apply-order-submit {
    display: block;
    height: 1.75rem;
    line-height: 1.75rem;
    margin-top: 0;
    background-color: #ffaf52;
    color: #fff;
    width: 95%;
    border: none;
    margin-bottom: 0.1rem;
    border-radius: 5px;
  }

  .apply-photo-image {
    position: relative;

    .van-image {
      display: block;
      width: 80px;
      height: 80px;
      overflow: hidden;
      border-radius: 8px;
    }

    .van-icon {
      position: absolute;
      z-index: 9999;
      font-size: 1rem;
      display: block;
      top: -0.5rem;
      right: -0.5rem;
      border-radius: 50%;
      cursor: pointer;
      background-color: #fff;
    }
  }

  .apply-photo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 1rem auto 0.5rem;

    .Example {
      width: 5rem;
      height: 3rem;
      object-fit: fill;

      @media screen and (max-width: 900px) {
        width: 3rem;
      }
    }

    .uploadImg img {
      width: 8.6rem;
    }
  }

  .van-cell {
    width: 100%;
    border: 0.01rem solid #b5b5b5;
    padding: 0.2rem 0.6rem;
    margin-bottom: 0.4rem;
    font-size: 0.7rem;
    color: #000;
    box-sizing: border-box;
  }

  .apply-order-title {
    font-size: 0.8rem !important;
    text-align: left;
    margin-bottom: 0.5rem;
    color: #ffaf52;
  }

  .apply-amount {
    position: relative;
    color: #ffaf52;
    line-height: 1rem;
    text-align: left;
    font-size: 0.5rem;
  }
}

.apply-content {
  width: 520px;

  @media screen and (max-width: 900px) {
    width: 16rem;
    #van {
      width: 80% !important;
    }
  }

  .apply-header {
    position: relative;
    height: 1.8rem;
    line-height: 1.8rem;
    background-color: #ff5900;

    .van-icon {
      position: absolute;
      width: 1.5rem;
      height: 1.5rem;
      font-size: 1.5rem;
      display: block;
      right: 0.35rem;
      top: 50%;
      margin-top: -0.65rem;
      border-radius: 50%;
      color: #fff;
    }
  }

  .apply-body {
    padding: 1em;
    max-height: 18rem;
    overflow-y: scroll;
    font-size: 0.875em;
    color: #757575;
    background-color: #fff;
  }
}

@media only screen and (max-width: 900px) {
  .shopD_pc {
    display: none;
    overflow: hidden;
  }
}

@media only screen and (min-width: 900px) {
  .shopD_iphone {
    display: none;
  }
}

.firstAddCard-box-btn {
  display: flex;
  flex-direction: column;
  align-items: center;

  button {
    border: none;
    height: 1.75rem;
    line-height: 1.75rem;
    width: 84%;
    color: #fff;
    padding: 0 0.6rem;
    margin: 0.7rem auto 0;
  }

  .BuyAmazon {
    background-color: #ffaf52;
    font-size: 0.7rem !important;
  }

  .submitOrder {
    background-color: #ff5900;
    font-size: 0.7rem !important;
  }

  .checkMy {
    color: #333;
    border-bottom: 1px solid #ff5900;
    margin-top: 0.5rem;
    font-size: 0.675rem;
    cursor: pointer;
  }
}

.Cactive {
  background: url("../../assets/image/黄心.png") 0 0 no-repeat !important;
}

.Cactive1 {
  background: url("../../assets/image/黄心.png") 0 0 no-repeat !important;
}

.item-detail-content .product {
  width: 1400px;
  margin: auto;
  padding-bottom: 80px;
}

.item-detail-content .product-content {
  margin-top: 20px;
  border-radius: 20px;
  display: flex;
  white-space: pre-line;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 30px 30px;
}

.item-detail-content .product-content-left {
  width: 540px;
  padding-top: 10px;
  margin-left: 20px;
}

.item-detail-content .product-content-left-part {
  border: 1px solid #ccc;
  background-color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 10px;
}

.item-detail-content .product-content-left-part-url {
  width: 100%;
  padding-top: 30px;
  list-style: 35px;
  text-align: right;
  color: #3495ca;
  margin-right: 20px;
  font-size: 20px;
  text-decoration: underline;
}

.item-detail-content .product-content-left-part-img {
  width: 100%;
  height: 600px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.item-detail-content .product-content-left-part-img > img {
  width: 100%;
}

.item-detail-content .product-content-left .share-icons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px;
}

.item-detail-content .product-content-left .share-icons-left {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.item-detail-content .product-content-left .share-icons-left img {
  width: 34px;
  height: 34px;
  margin-right: 10px;
}

.item-detail-content .product-content-left .share-icons-right {
  cursor: pointer;
}

.item-detail-content .product-content-left .share-icons-right .unstar-heart {
  width: 34px;
  height: 34px;
  vertical-align: middle;
  background: url(…z1uh52/Us/JflElIoKUsbGO3/PIW148LaGXqa7MvkWYAA7Iuzw9+RNOQAAAABJRU5ErkJggg==)
    0 0 no-repeat;
}

.item-detail-content .product-content-left .join-content-box {
  background-color: #22ba4f;
  margin-top: 6px;
  color: #fff;
  position: relative;
  border-radius: 10px;
  padding: 14px 50px;
  display: flex;
  box-sizing: border-box;
}

.item-detail-content
  .product-content-left
  .join-content-box-left
  p:first-child {
  font-size: 22px;
}

.item-detail-content .product-content-left .join-content-box-left p {
  font-size: 14px;
  letter-spacing: 0.8px;
  line-height: 22px;
  text-align: left;
}

.item-detail-content .product-content-left .join-content-box-right button {
  position: absolute;
  padding: 5px 16px;
  color: #22ba4f;
  background-color: #fff;
  font-size: 18px;
  right: 30px;
  top: 1.8rem;
}

.item-detail-content .product-content-left-part-url {
  width: 100%;
  padding-top: 30px;
  list-style: 35px;
  text-align: right;
  color: #3495ca;
  margin-right: 20px;
  font-size: 20px;
  text-decoration: underline;
}

.item-detail-content .product-content-left-part {
  border: 1px solid #ccc;
  background-color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 10px;
}

.product {
  width: 1400px;
  margin: auto;
  padding-bottom: 80px;
}

.item-detail-content .product-content-right-part .product-discount-process > p {
  color: #565455;
  font-size: 22px;
  margin-top: 8px;
  text-align: left;
}

.item-detail-content .product-content-right-part .product-discount {
  position: relative;
}

.item-detail-content .product-content-right-part .product-discount-type {
  color: #565455;
  font-size: 14px;
}

.item-detail-content .product-content-right-part .product-discount-type .price {
  margin: 0 0 15px;
}

.fz-22 {
  font-size: 22px;
}

.center {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 9px;
}

.mr-10 {
  margin-right: 10px;
}

.item-detail-content
  .product-content-right-part
  .product-discount-process
  .process-box
  div {
  width: 3.57%;
  height: 100%;
  max-width: 100%;
  background-color: #ffaf52;
}

.color-yellow {
  color: #ffaf52;
}

.item-detail-content
  .product-content-right-part
  .product-discount-type
  .price-sell {
  margin-right: 10px;
}

.text-line-through {
  text-decoration: line-through;
}

.item-detail-content
  .product-content-right-part
  .product-discount-type
  .price-percent {
  font-size: 12px;
  background-color: #ffaf52;
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
  width: 80px;
  line-height: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item-detail .points-i {
  position: relative;
  left: 10px;
  top: -10px;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 1px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: #ffaf52;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.item-detail .points-i-text {
  position: absolute;
  width: 500px;
  background-color: #fff;
  border: 1px solid #ff5900;
  bottom: 20px;
  box-shadow: 0 0 1px #ff5900;
  padding: 10px;
  font-size: 12px;
  color: #000;
}

.item-detail-content
  .product-content-right-part
  .product-discount-type
  .rebates {
  margin: 0 0 15px;
  text-align: left;
}

.item-detail-content .product-content-right-part .product-title {
  font-size: 22px;
  color: #333;
  word-wrap: break-word;
  max-width: 660px;
  line-height: 1.5;
  text-align: left;
}

.item-detail-content .product-content-right-part .product-countdown span {
  padding-right: 16px;
}

.item-detail-content .product-content-left .share-icons-right .unstar-heart {
  width: 34px;
  height: 34px;
  vertical-align: middle;
  background: url("../../assets/image/爱心.png") 0 0 no-repeat;
}

.item-detail-content .product-content-right-part .product-discount-process {
  margin: 20px 0;
}

.item-detail-content
  .product-content-right-part
  .product-discount-process
  button.report {
  display: block;
  border: none;
  width: 87px;
  background-color: #ff5900;
  color: #fff;
  margin-left: 650px;
  margin-top: -10px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 0.1rem;
  height: 1.4rem;
  text-emphasis: center;
  cursor: pointer;
}

.item-detail-content .product-content-right-part .product-countdown {
  padding-bottom: 10px;
  text-align: right;
  border-width: 2px;
  border-bottom: 1px solid #d8d8d8;
  margin-top: 10px;
}

.item-detail-content
  .product-content-right-part
  .product-discount-process
  .process-box {
  width: 350px;
  height: 12px;
  border: 2px solid #ffaf52;
}

.item-detail-content .product-content-right-part .product-discount-process > p {
  color: #565455;
  font-size: 22px;
  margin-top: 8px;
}

.item-detail-content .product-content-right-part .product-discount-type .price {
  margin: 0 0 15px;
  display: flex;
}

.item-detail-content
  .product-content-right-part
  .product-discount-type
  .rebates {
  margin: 0 0 15px;
}

.item-detail-content
  .product-content-right-part
  .product-discount-type
  .points {
  color: #565455;
  margin: 0 0 15px;
}

.item-detail-content
  .product-content-right-part
  .product-discount-type
  .rebates {
  margin: 0 0 15px;
}

.item-detail-content .product-content-right-part .product-discount-banner {
  margin-top: 30px;
}

.item-detail-content
  .product-content-right-part
  .product-discount-banner-title {
  margin: 20px 0;
  font-size: 24px;
  font-weight: 500;
  color: #000;
}

.text-center {
  text-align: center;
}

.item-detail-content .product-content-right-part .product-discount-btns {
  position: relative;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}

.item-detail-content .product-content-right-part .product-discount-btns button {
  height: 50px;
  line-height: 5px;
  width: 361px;
  font-size: 22px;
  box-shadow: 0 2px 4px 0 rgba(237, 23, 40, 0.3);
}

.apply-btn {
  background-color: #ffaf52;
  color: #fff;
}

.text-center {
  text-align: center;
}

button {
  border: none;
  cursor: pointer;
}

.share-btn {
  background-color: #ff3b3c;
  color: #fff;
}

.item-detail-content .product-content-right-part .product-discount-desc {
  position: relative;
  margin-top: 20px;
  padding-top: 50px;
  text-align: left;
}

.item-detail-content .product-content-right-part .product-discount-desc-title {
  font-size: 14px;
  color: #565455;
  margin-bottom: 20px;
}

.item-detail-content
  .product-content-right-part
  .product-discount-desc-content {
  height: 250px;
  min-height: 250px;
  overflow: hidden;
  color: #565455;
  font-size: 13px;
  margin-bottom: 10px;
  padding-left: 40px;
  line-height: 1.5;
  max-width: 650px;
}

.item-detail-content
  .product-content-right-part
  .product-discount-desc
  .see-more {
  position: relative;
  cursor: pointer;
}

.read-more {
  color: #000;
  font-size: 0.6rem;
}

.van-icon,
.van-icon:before {
  display: inline-block;
}

.van-icon {
  position: relative;
  font: normal normal normal 14px/1 vant-icon;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.item-detail .product-recommend {
  margin-top: 20px;
}

.item-detail .product-recommend-title {
  height: 50px;
  line-height: 50px;
  background-color: #ff5900;
  padding-left: 80px;
  color: #fff;
  font-size: 22px;
  font-weight: 400;
}

.item-detail .product-recommend-list {
  position: relative;
}

.item-detail .productList-swipe {
  white-space: nowrap;
  position: relative;
  width: 1220px;
  margin: 0 auto;
  overflow: hidden;
}

.productBox {
  border-radius: 10px;
  padding: 20px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  position: relative;
  width: 260px;
  height: 326px;
  background: #fff;
  overflow: hidden;
  transition: 0.3s all;

  &:hover .bottomBtn {
    display: block;
  }
}

.swiper-container {
  white-space: nowrap;
  position: relative;
  width: 1220px;
  margin: 0 auto;
  overflow: hidden;
}

.productBox .img {
  width: 140px;
  height: 140px;
}

.productBox .title {
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #858585;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.productBox .priceBox {
  text-align: left;
}

.productBox .priceBox .price {
  color: #ff9517;
  font-size: 18px;
  vertical-align: middle;
}

.productBox .bottomBtn {
  font-family: Roboto-Bold;
  cursor: pointer;
  background: #ffaf53;
  display: none;
  border: none;
  width: 100%;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  margin-left: 0;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}

.swpiter {
  margin-top: 20px;
}

.itemBox-animate:hover {
  box-shadow: 0 12px 17px -7px rgba(0, 0, 0, 0.3);
  transform: translateY(-10px);
}

.bottomBtn:hover {
  background: #ff5900 !important;
}

.van-popup--center {
  border-radius: 0.3rem;
}

.commonDialogSlot_deletBox_1Tm2F {
  border-radius: 0.3rem;
  background: rgb(255, 255, 255);
  width: 540px;
  height: 20%;

  @media only screen and (max-width: 900px) {
    width: 16rem;
  }
}

.commonDialogSlot_deletIconBox_2ErC {
  height: 1.8rem;
  position: relative;
  background: rgb(255, 89, 0);
}

.commonDialogSlot_deletIconBox_2ErC > i {
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  display: block;
  right: 0.35rem;
  top: 50%;
  margin-top: -0.65rem;
  background: url(https://www.rebatest.com/pingjiayi/App/image/2_03-375.png) 0px
    0px / 1.3rem 1.3rem no-repeat;
}

.commonDialogSlot_content_1izEx {
  font-size: 0.775rem;
  color: rgb(64, 64, 64);
  text-align: center;
  padding: 0.75rem;
}

.commonDialogSlot_content_1izEx .common-text-color {
  color: #ff5900;
}

.apply-body-btn {
  width: 14rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  margin: 1rem auto;
  color: #fff;
  background-color: #ff5900;
}

.goApplicationBtn {
  height: 30px;
  line-height: 30px;
  width: 200px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: block;
  margin: 20px auto 0px;
  background: rgb(255, 89, 0);
  border-radius: 2px;
}

.share-dialog-content .share-img {
  height: 7.5rem;
  width: auto;
  margin: auto;
}

.share-dialog-content p {
  text-align: justify;
  color: #757575;
  line-height: 1.4;
}

#btn-referral {
  width: 15.9rem;
  background-color: #ff0c2d;
  color: #fff;
  margin: auto;
  display: block;
  text-align: center;
  font-size: 16px;
  border: none;
  margin-top: 130px;
}

button {
  border: none;
  display: block;
  cursor: pointer;
}

.share-dialog-content .share-get-bonus {
  position: relative;
  width: 50%;
  color: #ff5900;
  margin: auto;
  text-align: center;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.6rem;
}

.share-dialog-content .share-icons {
  width: 8rem;
  margin: 1rem auto;
  text-align: center;
}

.van-col--24 {
  width: 100%;
}

.van-col {
  float: left;
  box-sizing: border-box;
  min-height: 1px;
}

.share-dialog-content .share-icons img {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.4rem;
  display: inline-block;
  cursor: pointer;
}

.shopD_iphone {
  width: 100%;
  height: 100%;
  text-align: left;

  .mainPage_mb_content_2ozs2 {
    background: #f5f5f5;
    padding-bottom: calc(2.15rem + env(safe-area-inset-bottom));
  }

  .productDetail_mb_productDetail_3tHku {
    font-size: 0;
    background: #f5f5f5;
    padding-bottom: 3.6rem;
  }

  .productDetail_mb_productDetail_3tHku .productDetail_mb_bannerBox_1gU6X {
    width: 100%;

    .swiper_img {
      height: 100%;
    }
  }

  .productDetail_mb_productDetail_3tHku .productDetail_mb_titleBox_YOegJ {
    background: #fff;
    font-size: 0;
    padding: 0.6rem;
    margin-top: 15px;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_titleBox-amazonBox_ixBaV {
    display: flex;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_titleBox-amazonBox_ixBaV
    .productDetail_mb_amazonImg_QMC1J {
    height: 0.7rem;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_titleBox-amazonBox_ixBaV
    .productDetail_mb_linkText_3i-L3 {
    font-size: 0.6rem;
    color: #ff5900;
    flex: 1;
    text-align: right;
    text-decoration: underline;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_titleBox__title_uka41 {
    color: #444;
    margin-top: 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_titleBox-stockBox_3Mmpf {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0.3rem 0 0.4rem;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_titleBox-stockBox_3Mmpf
    .productDetail_mb_stock_2vhki {
    width: 6rem;
  }

  .progress_progressPage_2Oblw .progress_box_2oEL0 {
    width: 7rem;
    height: 0.8rem;
    background: #eee;
    border-radius: 1rem;
    font-size: 0.6rem;
    text-align: left;
    text-indent: 0.3rem;
    line-height: 0.8rem;
    color: #eb5f6a;
    position: relative;
    margin-top: 5px;
  }

  .progress_progressPage_2Oblw .progress_box_2oEL0 .progress_content_VuA5z {
    width: 0;
    height: 100%;
    overflow: hidden;
    text-indent: 0.3rem;
    background: #eb5f6a;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1rem;
    color: #fff;
    display: flex;
    align-items: center;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_titleBox-stockBox_3Mmpf
    .productDetail_mb_reportBtn_dCyfK {
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    margin: 0 auto;
    width: 5rem;
    margin: 0;
    background: #ff5900;
    font-size: 0.6rem;
    color: #fff;
    border-radius: 0.1rem;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_titleBox-priceBox_1u1pp {
    font-size: 1.5rem;
    color: #ffaf52;
    font-weight: 700;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_titleBox-priceBox_1u1pp
    .productDetail_mb_price_SrRGk {
    color: #999;
    text-decoration: line-through;
    margin: 0 0.6rem 0 0.3rem;
  }

  .productDetail_mb_productDetail_3tHku .productDetail_mb_titleBox__text_2832L {
    font-size: 0.6rem;
    color: #666;
    line-height: 1.2rem;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_titleBox__text_2832L
    .productDetail_mb_pinkText_1H5th {
    color: #eb5f6a;
  }

  .productDetail_mb_productDetail_3tHku .productDetail_mb_shareBox_1Ypfj {
    padding: 0 1.3rem;
    font-size: 0.6rem;
    color: #ff5900;
    display: flex;
    align-items: center;
    margin: 0.6rem 0;
    height: 3rem;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_shareBox-iconList_3vGEJ
    .productDetail_mb_icon_1NPS- {
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: middle;
    margin-right: 0.3rem;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_shareBox-iconList_3vGEJ
    .productDetail_mb_text_2mdnN {
    height: 1.6rem;
    line-height: 1.6rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.6rem;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_shareBox_1Ypfj
    .productDetail_mb_collectionBox_11v3n {
    width: 34px;
    height: 34px;
    background: url("../../assets/image/爱心.png") 0 0 no-repeat;
    vertical-align: middle;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_titleBox-priceBox_1u1pp {
    color: #ffaf52;
    font-weight: 700;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_titleBox-priceBox_1u1pp
    .productDetail_mb_cashBtn_1XXMr,
  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_titleBox-priceBox_1u1pp
    .productDetail_mb_price_SrRGk {
    font-size: 0.6rem;
    vertical-align: middle;
    font-weight: 400;
  }

  .productDetail_mb_cashBtn_1XXMr {
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    margin: 0 auto;
    line-height: 1rem !important;
    width: 7.2rem;
    color: #ffaf5b;
    border: 1px solid #ffaf5b;
    background: rgba(255, 175, 91, 0.2);
    display: inline-block;
    border-radius: 0.1rem;
  }

  .productDetail_mb_productDetail_3tHku .productDetail_mb_titleBox__text_2832L {
    font-size: 0.6rem;
    color: #666;
    line-height: 1.2rem;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_titleBox__text_2832L
    .productDetail_mb_pinkText_1H5th {
    color: #eb5f6a;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_shareBox-iconList_3vGEJ {
    flex: 1;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_fbBtnBox_1Ey4B
    .productDetail_mb_btn_2VD-w {
    background: #00c300;
    color: #fff;
    height: 2.8rem;
    line-height: 2.8rem;
    text-align: center;
    margin: 0 auto;
    border-radius: 0.2rem;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_fbBtnBox_1Ey4B
    .productDetail_mb_icon_1NPS- {
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
    margin-right: 0.5rem;
    margin-top: -2px;
  }

  .productDetail_mb_productDetail_3tHku .productDetail_mb_stepBox_1ota4 {
    background: #fff;
    margin: 0.6rem 0;
  }

  .productDetail_mb_productDetail_3tHku .productDetail_mb_stepBox__title_1K_18 {
    color: #222;
    padding: 0.6rem;
  }

  .productDetail_mb_productDetail_3tHku .productDetail_mb_stepBox__img_2Tyax {
    width: 100%;
    padding: 0.6rem;
    box-sizing: border-box;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_stepBox__linkText_BlHEJ {
    font-size: 0.5rem;
    text-align: center;
    padding: 0.25rem 0 0.5rem 0;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_stepBox__linkText--active_1eOTr {
    color: #ff5900;
    text-decoration: underline;
    margin-left: 0.1rem;
  }

  .productDetail_mb_productDetail_3tHku .productDetail_mb_descBox_204Mx {
    background: #fff;
    padding: 0.6rem;
  }

  .productDetail_mb_productDetail_3tHku .productDetail_mb_descBox__title_33QXk {
    font-size: 0.65rem;
    color: #222;
  }

  .productDetail_mb_productDetail_3tHku .productDetail_mb_descBox__text_1Z0io {
    white-space: pre-line;
    color: #666;
    margin: 0.4rem 0;
    display: -webkit-box;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_descBox-seeMore_1dk6I {
    font-size: 0.5rem;
    color: #ff5900;
    text-align: right;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_descBox-seeMore_1dk6I
    .productDetail_mb_icon_1NPS- {
    width: 0.5rem;
    height: 0.3rem;
    margin-right: 0.2rem;
  }

  .pr_active {
    transform: rotate(180deg);
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_mayLikeBox__title_2vEUw {
    font-size: 0.65rem;
    color: #222;
    margin: 0.9rem 0.6rem 0 0.6rem;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_mayLikeBox__item_1xwFj {
    width: 45%;
    background: #fff;
    padding-bottom: 0.6rem;
    border-radius: 0.2rem;
    display: inline-block;
    margin: 0.6rem 0 0 0.6rem;
  }

  .homeProductItem_homeProductItemPage_yIa8l .homeProductItem_imgBox_MLtv2 {
    width: 8rem;
    height: 8rem;
    position: relative;
  }

  .homeProductItem_homeProductItemPage_yIa8l
    .homeProductItem_detailImgBox_1gUb8 {
    width: 100%;
    height: 8.5rem !important;
  }

  .homeProductItem_homeProductItemPage_yIa8l
    .homeProductItem_imgBox__detailImg_1Ceal {
    width: 100%;
    height: 8.5rem !important;
    border-radius: 0.2rem 0.2rem 0 0;
  }

  .homeProductItem_homeProductItemPage_yIa8l
    .homeProductItem_imgBox__tag--hot_28O5d {
    background: #eb5f6a;
  }

  .homeProductItem_homeProductItemPage_yIa8l
    .homeProductItem_imgBox__tag_2CjCi {
    width: 1.5rem;
    height: 0.8rem;
    background: #ffaf5b;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 0.8rem;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.5rem;
    border-radius: 0.2rem 0 0.2rem 0;
  }

  .homeProductItem_homeProductItemPage_yIa8l
    .homeProductItem_imgBox__amazonIcon_1rCme {
    position: absolute;
    right: 0.3rem;
    top: 0.1rem;
    width: 3.2rem;
    height: 0.75rem;
  }

  .homeProductItem_homeProductItemPage_yIa8l .homeProductItem_wrap_2x4HZ {
    padding: 0 0.3rem;
    margin-top: 20px;
  }

  .homeProductItem_homeProductItemPage_yIa8l .homeProductItem_title_1VeiA {
    white-space: normal;
    margin-top: 0.2rem;
    color: #444;
    font-size: 0.6rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .homeProductItem_homeProductItemPage_yIa8l .homeProductItem_priceBox_1TTlz {
    font-size: 1rem;
    color: #ffaf5b;
    margin-top: 0.1rem;
    font-weight: 700;
  }

  .homeProductItem_homeProductItemPage_yIa8l
    .homeProductItem_priceBox__greyPrice_31eIo {
    font-weight: 400;
    font-size: 0.45rem;
    color: #999;
    text-decoration: line-through;
    vertical-align: middle;
    margin-left: 0.3rem;
  }

  .homeProductItem_homeProductItemPage_yIa8l .homeProductItem_cashBox_1DfMC {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .homeProductItem_homeProductItemPage_yIa8l
    .homeProductItem_cashBox__text_3U5_8 {
    height: 1rem;
    text-align: center;
    margin: 0 auto;
    line-height: 1rem !important;
    border-radius: 0.1rem;
    width: 5rem;
    color: #ffaf5b;
    background: rgba(255, 175, 91, 0.1);
    border: 1px solid #ffaf5b;
    font-size: 0.4rem;
    margin: 0;
    margin-top: 5px;
  }

  .homeProductItem_homeProductItemPage_yIa8l
    .homeProductItem_cashBox__btn_2sSue {
    width: 1.8rem;
    height: 1.8rem;
  }

  .productDetail_mb_productDetail_3tHku .productDetail_mb_bottomBox_1grly {
    height: 2.5rem;
    width: 100%;
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    display: flex;
    line-height: 2.1rem;
    font-size: 0.7rem;
    text-align: center;
    align-items: center;
    box-shadow: 0 -1px 4px 2px rgba(0, 0, 0, 0.1);
  }

  .productDetail_mb_productDetail_3tHku .productDetail_mb_bottomBox-left_1svtB {
    width: 4.75rem;
    background: #fff;
    justify-content: center;
    color: #999;
    height: 2.5rem;
    font-size: 0.5rem;
    line-height: 0.6rem;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_bottomBox-center_1hQlX,
  .productDetail_mb_productDetail_3tHku .productDetail_mb_bottomBox-left_1svtB {
    width: 5rem;
    background: #fff;
    justify-content: center;
    color: #999;
    height: 2.5rem;
    font-size: 0.5rem;
    line-height: 0.6rem;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_bottomBox-center_1hQlX
    .productDetail_mb_imgBox_2i8bC {
    position: relative;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_bottomBox-center_1hQlX
    .productDetail_mb_commonIcon_183vg,
  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_bottomBox-left_1svtB
    .productDetail_mb_commonIcon_183vg {
    width: 1rem;
    height: 1rem;
    margin-bottom: 0.3rem;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_bottomBox-right_2TEYp {
    flex: 1;
    height: 2.5rem;
    background: #ffaf5b;
    color: #fff;
    font-weight: 700;
    position: relative;
    line-height: 3rem;
    font-size: 0.8rem;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_bottomBox-right__anchorBox_2exBQ {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    margin: auto;
  }

  .productDetail .inner {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    z-index: -1;
    top: 0;
    border-radius: 50%;
    left: 45%;
  }

  .commonDialogSlot_deletBox_1Tm2F {
    border-radius: 0.3rem;
    background: #fff;
  }

  .commonDialogSlot_deletBox_1Tm2F .commonDialogSlot_deletIconBox_2ErC- {
    height: 1.8rem;
    background: #ff5900;
    position: relative;
  }

  .commonDialogSlot_deletBox_1Tm2F .commonDialogSlot_deletIconBox_2ErC- > i {
    position: absolute;
    width: 1.3rem;
    height: 1.3rem;
    display: block;
    right: 0.35rem;
    top: 50%;
    margin-top: -0.65rem;
    background-color: #fff;
    background: url(https://www.rebatest.com/pingjiayi/App/image/2_03-375.png) 0
      0 no-repeat;
    background-size: 1.3rem 1.3rem;
  }

  .commonDialogSlot_deletBox_1Tm2F .commonDialogSlot_content_1izEx {
    padding: 0.75rem 0.75rem 0.75rem 0.75rem;
    font-size: 0.775rem;
    color: #404040;
    text-align: center;
    line-height: 1rem;
  }

  .applyNote_noteBox_2jbMe {
    text-align: left;
    margin: 0.5rem;
  }

  .applyNote_noteTitle_1A5Ee {
    color: red;
    font-weight: 700;
  }

  .applyNote_noteTxt_1EMpQ {
    margin-top: 0.5rem;
    line-height: 1rem;
  }

  .applyNote_primary-colorTxt_FMupd {
    color: #ff5900;
  }

  .applyNote_footerBtn_16Rj5 {
    display: flex;
    padding-top: 0.5rem;
  }

  .applyNote_footerBtn_16Rj5 > span:first-child {
    margin-right: 0.5rem;
    background: #ffaf52;
    height: 1rem;
    line-height: 1rem;
  }

  .applyNote_footerBtn_16Rj5 > span {
    flex: 1;
    background: #ff5900;
    font-size: 0.7rem;
    color: #fff;
    padding: 0.5rem;
    border-radius: 0.1rem;
    height: 1rem;
    line-height: 1rem;
  }

  .productDetail_mb_productDetail_3tHku
    .productDetail_mb_bottomBox-center_1hQlX
    .productDetail_mb_points_3pinS {
    position: absolute;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    width: 0.7rem;
    background: red;
    top: -0.3rem;
    right: -0.3rem;
    border-radius: 50%;
    color: #fff;
    font-size: 0.1rem;
  }

  .title {
    font-size: 18px;
    color: #222;
    margin-bottom: 15px;
  }

  .money {
    margin: auto;
    margin-bottom: 8px;
  }

  .money img {
    width: 23px;
    height: 23px;
    margin-right: 5px;
  }

  .money span {
    line-height: 23px;
    color: #ea3539;
    font-size: 20px;
  }

  .hint {
    font-size: 13px;
    color: #444;
    margin-bottom: 14px;
  }

  .note {
    font-size: 13px;
    color: #666;
    margin-bottom: 28px;
  }

  .note span {
    color: #eb5f6a;
  }

  .btn-no {
    margin-right: 0.5rem;
    background-color: #ffaf52;
  }

  .btn-no,
  .btn-yes {
    width: 47%;
    font-size: 14px;
    height: 1.75rem;
    border: 0.05rem solid transparent;
    border-radius: 0.2rem;
    padding: 0 0.6rem;
    color: #fff;
    display: inline-block;
  }

  .btn-yes {
    width: 47%;
    font-size: 14px;
    height: 1.75rem;
    border: 0.05rem solid transparent;
    border-radius: 0.2rem;
    padding: 0 0.6rem;
    color: #fff;
    display: inline-block;
  }

  .btn-yes {
    background-color: #ff5900;
  }

  .common-text-color {
    color: #ff5900 !important;
  }

  .share-dialog-content .btn-referral {
    width: 8.9rem;
    background-color: #ff0c2d;
    color: #fff;
    line-height: 2rem;
    height: 2rem;
    margin: auto;
    display: block;
    text-align: center;
    font-size: 16px;
    margin-bottom: 0.9rem;
    border: none;
  }

  .share-dialog-content .share-get-bonus {
    position: relative;
    width: 50%;
    color: #ff5900;
    margin: auto;
    text-align: center;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.6rem;
  }

  .share-dialog-content .share-icons {
    width: 8rem;
    margin: 1rem auto;
    text-align: center;
  }
}

.questionDialog_title_lwdeM {
  font-size: 0.9rem;
  color: #757575;
  font-weight: 400;
  padding: 5px 0px 5px 20px;
}

.questionDialog_content_2XsYz {
  background-color: #f0f0f0;
  margin-top: 0.5rem;
  font-size: 0.6rem;
  color: #757575;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
}

.questionDialog_content_2XsYz .questionDialog_text_1B8ax {
  flex: 1;
  padding: 0px 0px 10px 10px;
}

.questionDialog_content_2XsYz .questionDialog_check_eeJMA {
  flex-basis: 1.2rem;
}

.questionDialog_footer_36zWm {
  text-align: center;
  margin-top: 0.5rem;
  margin-bottom: 0.7rem;
}

.questionDialog_footerBtn_1wQG3 {
  width: 4.75rem;
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: 0.6rem;
  display: inline-block;
  color: #fff;
  cursor: pointer;
  background: #ff5900;
  border-radius: 0.2rem;
  margin-left: 0.5rem;
}

.questionDialog_footerBtn_1wQG3 {
  width: 4.75rem;
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: 0.6rem;
  display: inline-block;
  color: #fff;
  cursor: pointer;
  background: #ff5900;
  border-radius: 0.2rem;
  margin-left: 0.5rem;
}

.shopD_iphone {
  .questionDialog_content_2XsYz .questionDialog_text_1B8ax {
    flex: 1;
    padding: 0;
  }
}
</style>
